<template>
  <div>
    <div v-for="item in list" :key="item.id" class="comment-item">
      <div class="top flex">
        <div class="flex" style="align-items:center;">
          <a-avatar :size="35" :src="require('@/assets/images/头像.png')" />
          <span class="name">{{item.createBy}}</span>
        </div>
        <span class="time">{{ item.createTime }}</span>
      </div>
      <div style="font-size:14px;padding-left:15px;">{{ item.content }}</div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      default() {
        return []
      }
    }
  },
  mounted() {
    console.log(this.list, 'adfaf')
  }
}
</script>

<style lang="scss" scoped>
.flex {
  display: flex;
}
.comment-item {
  margin-bottom: 30px;
  .top {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 15px;
    .name{
        margin-left: 8px;
        font-size: 18px;
    }
  }
}
</style>